/* 栅格系统基础样式 */
.flex-box { display: flex; flex-wrap: wrap;}
@media (max-width: 575.98px) { /* 超小屏幕（小于 576px） */
    .xs-1 { flex: 0 0 8.33%;}
    .xs-2 { flex: 0 0 16.66%;}
    .xs-3 { flex: 0 0 25%;}
    .xs-4 { flex: 0 0 33.33%;}
    .xs-5 { flex: 0 0 41.66%;}
    .xs-6 { flex: 0 0 50%;}
    .xs-7 { flex: 0 0 58.33%;}
    .xs-8 { flex: 0 0 66.66%;}
    .xs-9 { flex: 0 0 75%;}
    .xs-10 { flex: 0 0 83.33%;}
    .xs-11 { flex: 0 0 91.66%;}
    .xs-12 { flex: 0 0 100%;} }
@media (min-width: 576px) { /* 小屏幕（≥576px） */
    .sm-1 { flex: 0 0 8.33%;}
    .sm-2 { flex: 0 0 16.66%;}
    .sm-3 { flex: 0 0 25%;}
    .sm-4 { flex: 0 0 33.33%;}
    .sm-5 { flex: 0 0 41.66%;}
    .sm-6 { flex: 0 0 50%;}
    .sm-7 { flex: 0 0 58.33%;}
    .sm-8 { flex: 0 0 66.66%;}
    .sm-9 { flex: 0 0 75%;}
    .sm-10 { flex: 0 0 83.33%;}
    .sm-11 { flex: 0 0 91.66%;}
    .sm-12 { flex: 0 0 100%;} }
@media (min-width: 768px) {/* 中等屏幕（≥768px） */
    .md-1 { flex: 0 0 8.33%;}
    .md-2 { flex: 0 0 16.66%;}
    .md-3 { flex: 0 0 25%;}
    .md-4 { flex: 0 0 33.33%;}
    .md-5 { flex: 0 0 41.66%;}
    .md-6 { flex: 0 0 50%;}
    .md-7 { flex: 0 0 58.33%;}
    .md-8 { flex: 0 0 66.66%;}
    .md-9 { flex: 0 0 75%;}
    .md-10 { flex: 0 0 83.33%;}
    .md-11 { flex: 0 0 91.66%;}
    .md-12 { flex: 0 0 100%;} }
@media (min-width: 992px) {/* 大屏幕（≥992px） */
    .lg-1 { flex: 0 0 8.33%;}
    .lg-2 { flex: 0 0 16.66%;}
    .lg-3 { flex: 0 0 25%;}
    .lg-4 { flex: 0 0 33.33%;}
    .lg-5 { flex: 0 0 41.66%;}
    .lg-6 { flex: 0 0 50%;}
    .lg-7 { flex: 0 0 58.33%;}
    .lg-8 { flex: 0 0 66.66%;}
    .lg-9 { flex: 0 0 75%;}
    .lg-10 { flex: 0 0 83.33%;}
    .lg-11 { flex: 0 0 91.66%;}
    .lg-12 { flex: 0 0 100%;} }
@media (min-width: 1200px) { /* 超大屏幕（≥1200px） */
    .xl-1 { flex: 0 0 8.33%;}
    .xl-2 { flex: 0 0 16.66%;}
    .xl-3 { flex: 0 0 25%;}
    .xl-4 { flex: 0 0 33.33%;}
    .xl-5 { flex: 0 0 41.66%;}
    .xl-6 { flex: 0 0 50%;}
    .xl-7 { flex: 0 0 58.33%;}
    .xl-8 { flex: 0 0 66.66%;}
    .xl-9 { flex: 0 0 75%;}
    .xl-10 { flex: 0 0 83.33%;}
    .xl-11 { flex: 0 0 91.66%;}
    .xl-12 { flex: 0 0 100%;} }